/*=================================*/
/*          CSS Reset
/*=================================*/


html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, em, img, q, strong,
b, u, i, center, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, 
figure, footer, header, 
menu, nav, section,

video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
    background:#EEF0F3;
}
ol, ul {
	list-style: none;
}
a{
    text-decoration:none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
 




/*=================================*/
/*          Wrapper
/*=================================*/

#wrapper{
    width:960px;
    margin:0 auto;
    
}

#facebook{
    height:50px;
}

.facebook_icons{
    float:left;
    padding:10px;
}

.line{
    width:395px;
    height:2px;
    background-color:#CCCCCC;
    float:left;
    margin-top:24px;
    padding-left:3px;
}


/*=================================*/
/*          Web Header
/*=================================*/



#container_nav{
    background-color:black;
    height:140px;
    text-align:center;
    
}



#container_nav li{
    margin-top:2px;
   
    
}

#container_nav ul li{
    color:#fff;
    height: 140px;
    display:inline-block;
 
}


@font-face{
font-family:'beaver';
src: url('../fonts/beaver.ttf');
}
 


#container_nav ul li a{
    padding-left:17px;
    padding-right:17px;
    padding-top:20px;
    padding-bottom:20px;
    font-family:'beaver', impact, sans-serif;
    font-size:24px;
    font-weight:normal;
    color:#fff;
}

#container_nav ul li a:hover{
    color:#EF5F3C;
     -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}



/*=================================*/
/*          Billboard
/*=================================*/

#container_billboard{
    margin-top:45px;
    position: relative;
    height: 352px; //due to the absolute positioning of the below element
    
}

#billboard div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity: 0;
}

#billboard div.active {
    z-index:10;
    opacity: 1;
}

#billboard div.last-active {
    z-index:9;
}



.mini{
    width:307px;
    height:141px;
    background:#a54200;
    float:left;
    margin-right:8px;
    margin-left:5px;
    color:#fff;

}

.mini p{
    margin-top:40px;
    margin-left:15px;
}




.container_male_photos{
   
    border:1px solid #ccc;
    background:white;
    height:402px;
    width:230px;
    border-radius:5px;
    float:left;
    margin-right:8px;
}

.container_male_photos img{
    margin-left:40px;
}


h3{
    font-size:17px;
    font-weight:bold;
    margin-top:20px;
    text-align:center;
}


.prices{
    text-align:center;
    margin-top:10px;
}
.old_price{
    font-size:19px;
    text-decoration:line-through;
    color:#9B8877;
}


.new_price{
    font-size:23px;
    color:#BFC355;
    font-weight:bold;
}


.mini img{
    float:left;
    margin-left:15px;
    margin-top:10px;
}

.dostavka_info{
    margin-left:28px;
    color:white;
    font-size:17px;
}

.dostavka{
    float:left;
    padding-left:30px;
    margin-top:10px;
    font-size:18px;
    font-weight:bold;
    color:white;
}

.sad{
    background:#0D7FB3;
    width:79px;
    height:30px;
    padding-top:7px;
    margin-left:75px;
    margin-top:-10px;
    border-radius:5px;
}

.sad a{
    padding-left:10px;
    margin-top:20px;
    color:white;
}



/*=================================*/
/*          Web.Helpers
/*=================================*/
#artist{
    font-size:40px;
   
}
#t-shirts{
    font-size:25px;
    margin-left:10px;
  
}

#logo{
    display:block;
}


#copywrite{
    vertical-align: 120%;
    font-size:14px;
    position:absolute;
    
    
    
}


#mini_billboard,
#facebook,
#mini_billboard, 
.mini,
#holder,
#holder_women,
#footer_holder,
#male_collection,
#women_collection_tshirts,
#sale_collection_tshirts,
#sales_holder1,
#container_buypage_billboard,
#payment_info,
#person_info,
.infos,
#other_models{
    zoom:1;
}

#mini_billboard:after,
#facebook:after,
#mini_billboard:after,
.mini:after,
#holder:after,
#holder_women:after,
#footer_holder,
#male_collection:after,
#women_collection_tshirts:after,
#sale_collection_tshirts:after,
#sales_holder1:after,
#container_buypage_billboard:after,
#payment_info:after,
#person_info:after,
.infos:after,
#other_models:after{
    content:"";
    display:block;
    clear:both;
}


/*=================================*/
/*          Content
/*=================================*/


.male_tshirts_frontpage{
    width:230px;
    height:402px;
    border:2px solid #ccc;
    border-radius:5px;
}


#container_content h2{
    font-size:25px;
    margin-top:20px;
    margin-bottom:20px;
    font-weight:bold;
}

   .sad{
    background:#0D7FB3;
    width:79px;
    height:30px;
    padding-top:10px;
    margin-left:75px;
    margin-top:2px;
    border-radius:5px;
    margin-bottom:20px;
}

.sad a{
    padding-left:10px;
    margin-top:20px;
    color:#fff;
    
}

   
/*=================================*/
/*         Footer
/*=================================*/

#container_footer{
	margin:0 auto;
	width:100%;
    background:#000;
    margin:0 auto;
    margin-top:20px;
    color:#fff;
    height:280px;
    margin-top:45px;
    
}


#dostavka{
    width:190px;
    height:205px;
    float:left;
}

#dostavka h3{
    margin-bottom:15px;
    padding-right: 29px;
}

#za_nas{
    width:140px;
    height:96px;
    float:left;
    margin-left:150px;
    margin-right:150px;
}

#za_nas h3{
    margin-bottom:10px;
    margin-right:20px;
}


#za_nas a{
    color:#fff;
    text-decoration:underline;
    padding-top:150px;
}

#za_nas p{
    margin-bottom:10px;
}

#contact{
    width:190px;
    height:100px;
    float:left;
}


#contact h3{
    margin-bottom:10px;
    margin-right:110px;
}

#contact p{
    margin-bottom:10px;
}

#footer_holder{
    margin-left:17%;
}
    
    
/*=================================*/
/*         Male Shirts
/*=================================*/
    
#male_collection h2{
    font-weight:bold;
    font-size:25px;
    margin-top:10px;
    margin-bottom:20px;
}

    
.holder_male_tshirts{
    width:230px;
    height:402px;
    background:#fff;
    border:1px solid #ccc;
    border-radius:5px; 
    float:left;
    margin-right:8px;
    margin-bottom:1px;
    margin-top:5px;
}


.holder_male_tshirts img{
    margin-left:30px;
}



/*=================================*/
/*         Women Shirts
/*=================================*/
    
#women_collection h2{
    font-weight:bold;
    font-size:25px;
    margin-top:20px;
    margin-bottom:30px;
}

    
.holder_women_tshirts{
    width:230px;
    height:402px;
    background:white;
    border:1px solid #ccc;
    border-radius:5px;
    behavior: url(PIE.htc); 
    float:left;
    margin-right:8px;
    margin-bottom:5px;
    margin-top:5px;
}


.holder_women_tshirts img{
    margin-left:30px;
}

/*=================================*/
/*        Sale Man and Wemen
/*=================================*/

#sale_collection h2{
    font-weight:bold;
    font-size:25px;
    margin-top:20px;
    margin-bottom:30px;
}

    
.holder_sale_tshirts{
    width:230px;
    height:402px;
    background:white;
    border:1px solid #ccc;
    border-radius:5px;
    float:left;
    margin-right:8px;
    margin-bottom:5px;
    margin-top:5px;
}


.holder_sale_tshirts img{
    margin-left:30px;
}



.sale{
    float:right;
    margin-bottom:150px;
    z-index:100;
    width:61px;
    height:61px;
}


/*=================================*/
/*        The sales page
/*=================================*/
#sales_holder{
margin-bottom:250px;
}


#sales_holder1{
    margin-left:37px;
}

.sales_man1{
    width:425px;
    height:320px;
    background:#EF5F3C;
    float:left;
    margin-right:30px;
    
}

.sales_sales{
    text-align:center;
    margin-top:130px;
    font-size:45px;
    color:white;
}

/*=================================*/
/*        About Us
/*=================================*/


#about_us_main{
    width:870px;
    font-size:30px;
    text-align:center;
    margin-left:50px;
    font-weight:bold;
    border-bottom:1px solid #ccc;
    padding-bottom:40px;
    
}

#container_about_us h2{
    text-align:center;
    font-weight:bold;
    font-size:30px;
    font-style:italic;
    
}

#container_about_us p{
    margin-top:30px;
    font-size:15px;
    font-weight:bold;
}


/*=================================*/
/*        Dostavka
/*=================================*/
#container_dostavka{
margin-bottom:250px;
}

#container_dostavka h2{
    font-size:30px;
    font-weight:bold;
}

#container_dostavka p{
    margin-top:40px;
    margin-bottom:30px;
}



/*=================================*/
/*        Buy Page
/*=================================*/

textarea{
    margin-left:90px;
    border-radius:5px;
    border:1px solid #ccc;
}


#container_buypage_billboard{
    width:960px;
    height:431px;
    border:2px solid #ccc;
    background-color:#fff;
}


#container_buypage_billboard img{
    float:left;
}



#info_product{
    float:right;
    width:449px;
    height:430px;
    background-color:#EEE;
    
}


#info_product h2{
    font-weight:bold;
    font-size:30px;
    margin-top:25px;
    margin-left:10px;
}

#info_product p{
    margin-top:20px;
    margin-left:10px;
    font-size:14px;
    font-weight:bold;
}

#info_product h4{
    font-weight:bold;
    font-size:18px;
    margin-top:45px;
    display:inline;
    margin-top:123px;    
}


#razmeri{
    margin-top:40px;
    margin-left:10px;
    height:40px;
}

#price{
    font-size:23px;
    color:#EF5F3C;
    font-weight:bold;
    margin-left:10px;
   
}

#old_price_product{
    color:#7E654D;
    text-decoration:line-through;
    font-size:18px;
}

#new_price_product{
    margin-left:65px;
    margin-top:20px;
    font-size:25px;
    color:#EE5F3B;
    font-weight:bold;
}


#product_prices{
    margin-top:40px;
}


#btn_buy{
    padding-left:220px;
}

#receiving{
    float:left;
    margin-left:150px;
  
}

#payment{
    float:left;
    margin-left:240px;
}

#payment_info{
    margin-top:40px;
    
}



#payment_info h2{
    font-size:20px;
    font-style:italic;
    font-weight:bold;
}


#payment_info select{
    margin-top:100px;
    padding-left:460px;
    margin-right:150px;
    width:550px;
    
 
}

#select_office{
    padding-left:200px;
}


#person_info{
    width:802px;
    margin:0 auto;
    margin-top:30px;
  
    
}


.infos{
    float:left;
    margin-left:90px;
    margin-right:90px;
    margin-top:30px;
}


.text_field{
    border-radius:5px;
    border:1px solid #ccc;
    padding:5px;
}

#person_info h2{
    text-align:center;
    font-weight:bold;
    font-size:16px;
}


#btn_buy1{
    margin-top:60px;
    margin-left:50px;
}


#other_models{
    margin-top:100px;
}

#other_models h2{
    font-size:25px;
    margin-top:20px;
    margin-bottom:20px;
    font-weight:bold;
}


.other_models_holders{
    width:230px;
    height:402px;
    border:2px solid #ccc;
    border-radius:5px;
    background-color:#fff;
    float:left;
}


.other_models_holders img{
    margin-left:37px;
    margin-top:px;
}

